/* line 1, ../sass/style.scss */
html, body {
  height: 100%;
  background-color: #eaece5;
}

/* line 6, ../sass/style.scss */
.container {
  display: none;
}

/* line 10, ../sass/style.scss */
.loader {
  position: absolute;
  height: 80px;
  width: 80px;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}

/* line 20, ../sass/style.scss */
.slide {
  margin: 0px auto;
  text-align: center;
  position: fixed;
  top: 0;
  overflow: hidden;
}

/* line 27, ../sass/style.scss */
.slide .centerJs {
  position: absolute;
  z-index: 1;
  left: 50%;
}

/*UNO*/
/* line 34, ../sass/style.scss */
.uno {
  background-color: #eaece5;
  width: 100%;
  display: block;
}

/*DOS*/
/* line 41, ../sass/style.scss */
.dos {
  background-color: #E52757;
  width: 100%;
  height: 0;
  display: block;
}

/*TRES*/
/* line 49, ../sass/style.scss */
.tres {
  background-color: #30A2B2;
  width: 100%;
  display: none;
}

/*CUATRO*/
/* line 56, ../sass/style.scss */
.cuatro {
  background-color: #b777bc;
  width: 100%;
  display: none;
}

/*CINCO*/
/* line 63, ../sass/style.scss */
.cinco {
  background-color: #eed23b;
  width: 100%;
  display: none;
}

/*SEIS*/
/* line 70, ../sass/style.scss */
.seis {
  background-color: #bdd583;
  width: 100%;
  display: none;
}

/*SIETE*/
/* line 77, ../sass/style.scss */
.siete {
  background-color: #f1ede5;
  width: 100%;
  display: none;
}

/*OCHO*/
/* line 84, ../sass/style.scss */
.ocho {
  background-color: #fff;
  width: 100%;
  display: none;
}

/* line 89, ../sass/style.scss */
.ocho .centerGusto {
  margin: 0px auto;
  max-width: 700px;
}

/* line 93, ../sass/style.scss */
.ocho .centerGusto img {
  width: 80%;
  height: auto;
}

/* line 97, ../sass/style.scss */
.ocho .centerComparti {
  margin: 0px auto;
  max-width: 290px;
  margin-top: 50px;
}

/* line 102, ../sass/style.scss */
.ocho .centerComparti img {
  width: 100%;
  height: auto;
}

/* line 106, ../sass/style.scss */
.ocho .redes-sociales {
  width: 220px;
  margin: 50px auto;
  height: 22px;
}

/* line 111, ../sass/style.scss */
.ocho .fb-like {
  float: left;
}

/* line 114, ../sass/style.scss */
.ocho .tw-wrap {
  float: left;
  margin-left: 8px;
}

/* line 118, ../sass/style.scss */
.ocho .iconos-redes {
  width: 350px;
  margin: 50px auto;
}

/* line 122, ../sass/style.scss */
.ocho .iconos-redes .icono {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 50px;
}

/* line 128, ../sass/style.scss */
.ocho .iconos-redes .icono a {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 135, ../sass/style.scss */
.pngImg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 560px;
  height: 180px;
  z-index: 9999;
  left: 50%;
  top: 50%;
  margin-top: -90px;
  margin-left: -280px;
}

/* line 148, ../sass/style.scss */
.png2 {
  background-image: url("../content/pngs/02.png");
}

/* line 151, ../sass/style.scss */
.png3 {
  background-image: url("../content/pngs/03.png");
}

/* line 155, ../sass/style.scss */
.png4 {
  background-image: url("../content/pngs/04.png");
}

/* line 159, ../sass/style.scss */
.png5 {
  background-image: url("../content/pngs/05.png");
}

/* line 163, ../sass/style.scss */
.png6 {
  background-image: url("../content/pngs/06.png");
}

/*MEDIAS*/
@media only screen and (max-width: 580px) {
  /* line 170, ../sass/style.scss */
  .pngImg {
    background-size: 60%;
  }
}
